﻿/* Table of Content
==================================================
	#Dot less css - Variables
	#Dot less css - Mixins

	#Site Styles
        #Base
        #Link
        #Text
        #Images
        #Form controls        
        #Command bar
        #Popup
		#Bootstrap elements
		
	#Page Styles
		#Template        

================================================== */

/* ====================================================== */
/* #Dot less css - Variables ============================ */
/* ====================================================== */
@text-title-color:#555;

/* ====================================================== */
/* #Dot less css - Mixins =============================== */
/* ====================================================== */
.rounded-corners(@radius: 13px) {
    border-radius: @radius; /* Opera 10.5, IE9+, Safari 5, Chrome, Firefox 4+, iOS 4, Android 2.1+ */
    -webkit-border-radius: @radius; /* Safari 3-4, iOS 1-3.2, Android ≤1.6 */
    -moz-border-radius: @radius; /*Firefox*/
    //behavior: url(images/PIE.htc);
}

.box-sizing(@value: border-box) {
    box-sizing: @value;
    -moz-box-sizing: @value;
    -webkit-box-sizing: @value;
}

.box_shadow(@value: 0 0 4px 0 #fff) {
    -webkit-box-shadow: @value; /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    box-shadow: @value; /* Opera 10.5, IE9+, Firefox 4+, Chrome 6+, iOS 5 */
}

.box_transition(@time: 0.3s,@effect: ease-out,@property: all) {
    -webkit-transition: @property @time @effect; /* Safari 3.2+, Chrome */
    -moz-transition: @property @time @effect; /* Firefox 4-15 */
    -o-transition: @property @time @effect; /* Opera 10.5–12.00 */
    transition: @property @time @effect; /* Firefox 16+, Opera 12.50+ */
}

.box_animation(@time: 1s) {
    -webkit-animation: myanim @time infinite; /* Safari 5, Chrome */
    -moz-animation: myanim @time infinite; /* Firefox 5-15 */
    -o-animation: myanim @time infinite; /* Opera 12+ */
    animation: myanim @time infinite; /* Safari 5, Chrome, Firefox 16+ */
    animation-iteration-count: 1;
    -moz-animation-iteration-count: 1; /* Firefox */
    -webkit-animation-iteration-count: 1; /*Safari and Chrome*/
    -o-animation-iteration-count: 1; /* Opera */
}

.box_rotate(@degree: 180deg) {
    -webkit-transform: rotate(@degree); /* Safari 3.1+, Chrome */
    -moz-transform: rotate(@degree); /* Firefox 3.5-15 */
    -ms-transform: rotate(@degree); /* IE9+ */
    -o-transform: rotate(@degree); /* Opera 10.5-12.00 */
    transform: rotate(@degree); /* Firefox 16+, Opera 12.50+ */
}

.column-count(@number: 2) {
    -moz-column-count: @number; /* Firefox */
    -webkit-column-count: @number; /* Safari and Chrome */
    column-count: @number;
}

.opacity-box(@value,@percentValue){
	filter: alpha(opacity=@percentValue);
    opacity: @value;
}

.static-bg-position(@xPosition: 0) {
    background-position: @xPosition 0;
}

.hover-bg-position(@xPosition: 0) {
    background-position: @xPosition -40px;
}

.disable-bg-position(@xPosition: 0) {
    background-position: @xPosition -80px;
}
/* =================================================================================================== */

/* ====================================================== */
/* #Site Styles ========================================= */
/* ====================================================== */
/* ===== #Base ========= */

/* =================================================================================================== */

/* ===== #Link ========= */
a {
    color:#5E87B0;
    &:hover{
        color:#406182
    }
}
/* =================================================================================================== */

/* ===== #Text ========= */

/* =================================================================================================== */

/* ================== #Images ========= */

/* ================================================================================================ */

/* ===== #Bootstrap elements ========= */

/* ================================================================================================ */

/* ====================================================== */
/* #Page Styles ========================================= */
/* ====================================================== */

/* ================== #Template ========= */
body
{
    background:url(Images/login-bg.png);
}

.login-box-plain {
    background: #fff;
    border: 1px solid #D8D8D8;
    .rounded-corners(7px);   
    .box_shadow( 0 1px 4px #D3D3D3);    
    margin: 50px auto;
    min-height: 300px;
    padding: 15px 60px 40px;
    position: relative;
    .form-group{
        position:relative;
    }
    i{
        color: #ccc;        
        font-size: 16px;
        height: 16px;        
        position: absolute;
        text-align: center;
        width: 16px;        
        top:34px;
        left:7px;
    }
    input[type=email],input[type=password]{
        padding-left:28px;
    }
}

.login-title
{    
    font-size: 38px;
    line-height: 40px;
    text-align: center;
    color:@text-title-color;
}

.login-helpers {
    margin-top:20px;
}
/* ================================================================================================ */